<!DOCTYPE html>
<html>
<head>
    <% include ../common/public.ejs %>
    <link href="<%= global.config.publicPath %>/bootstrap/multiple-select.css" rel="stylesheet">
    <link href="<%= global.config.publicPath %>/jquery-file-upload/css/jquery.fileupload.css" rel="stylesheet">
    <style type="text/css">
        .sku-atom.active{
            margin-bottom : 70px;
        }
        .sku-atom {
            border : 1px solid #AAA;
            display : inline-block;
            margin-right : 10px;
            margin-top : 5px;
            vertical-align : middle;
            text-align : center;
            position : relative;
            border-radius : 4px;
            cursor : pointer;
        }
        .close-modal{
            display : none;
        }
        .close-modal.small{
            top : -8px;
            right : -192px;
            width : 18px;
            height : 18px;
            font-size : 14px;
            line-height : 16px;
            border-radius: 9px;
        }
        .close-modal {
            position : absolute;
            z-index : 2;
            color : #fff;
            text-align: center;
            cursor : pointer;
            background: rgba(153,153,153,0.6);
        }

        .sku-atom span{
            display : block;
            width : 74px;
            overflow : hidden;
            text-overflow : ellipsis;
            white-space : nowrap;
        }
        .sku-atom .upload-img-wrap{
            position : absolute;
            left : 0;
            padding : 2px;
            width : 185px;
            background: #fff;
            border-radius : 4px;
            border : 1px solid #dcdcdc;
        }
        .sku-atom .upload-img-wrap .arrow{
            position : absolute;
            width : 0;
            height : 0;
            top : -5px;
            left : 44%;
            border-style : solid;
            border-color : transparent;
            border-left : 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom : 5px solid #000000;
        }
        .sku-atom .upload-img-wrap .arrow::after{
            position : absolute;
            display : block;
            width : 0;
            height : 0;
            border-color : transparent;
            border-style : solid;
            top : -10px;
            margin-left : -10px;
            border-bottom-color : #fff;
            border-top-width : 0;
            border-width : 10px;
            content : "";
        }
        .sku-atom .upload-img-wrap .add-image{
            width : 180px;
            height : 60px;
            line-height : 60px;
            text-align : center;
            background : #fff;
            font-size : 30px;
            color : #e5e5e5;
            cursor : pointer;
        }
        .sku-atom .upload-img-wrap .add-image .js-btn-add .fileupload{
            position : absolute;
            top : 0;
            right : 0;
            margin : 0;
            opacity : 0;
            cursor : pointer;
        }
        .permit_select {
            background-color: #0c60ee;
            color: #fff;
        }
    </style>
</head>
<body>
<% include ../common/header.ejs %>

<div class="content container-fluid">
    <input type="hidden" id="flyto" value="<%= flyto%>" />
    <% include ./menu.ejs %>
    <div class="dolphin-row main page-content">


    </div>
</div>
<% include ../common/footer.ejs %>
<script src="<%= global.config.publicPath %>/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
<script src="<%= global.config.publicPath %>/jquery-file-upload/js/jquery.fileupload.js"></script>
</body>
</html>